<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="new_file.css">
    <script src="js/8.js"></script>
</head>
<body>
    <div class="top">
        <img src="img/mcdonalds.gif" alt="">
    </div>
    <div class="title">
        <p>麦当劳点餐</p>
    </div>
    <div class="bg">
        <table>
            <tr>
                <td class="tdimg">图片</td>
                <td>名称</td>
                <td>单价</td>
                <td class="tdnumber">数量</td>
            </tr>
            <tr>
                <td class="tdimg"><img src="img/bsjtb.jpg" alt=""></td>
                <td>板烧鸡腿堡</td>
                <td>20.00</td>
                <td class="tdnumber"><input type="number" min="0" value="0" id="bsjtb" onchange="total()"></td>
            </tr>
            <tr>
                <td class="tdimg"><img src="img/scjshb.jpg" alt=""></td>
                <td>双层吉士汉堡</td>
                <td>19.00</td>
                <td class="tdnumber"><input type="number" min="0" value="0" id="scjshb" onchange="total()"></td>
            </tr>
            <tr>
                <td class="tdimg"><img src="img/mljc.jpg" alt=""></td>
                <td>麦辣鸡翅</td>
                <td>10.00</td>
                <td class="tdnumber"><input type="number" min="0" value="0" id="mljc" onchange="total()"></td>
            </tr>
            <tr>
                <td class="tdimg"><img src="img/cmp.jpg" alt=""></td>
                <td>草莓派</td>
                <td>19.00</td>
                <td class="tdnumber"><input type="number" min="0" value="0" id="cmp" onchange="total()"></td>
            </tr>
            <tr>
                <td class="tdimg"><img src="img/st.jpg" alt=""></td>
                <td>薯条</td>
                <td>11.00</td>
                <td class="tdnumber"><input type="number" min="0" value="0" id="st" onchange="total()"></td>
            </tr>
            <tr>
                <td class="tdimg"><img src="img/xzkf.jpg" alt=""></td>
                <td>鲜煮咖啡</td>
                <td>10.00</td>
                <td class="tdnumber"><input type="number" min="0" value="0" id="xzkf" onchange="total()"></td>
            </tr>
         </table>
    </div>
    <div class="text">
        <p>你选了<input type="text" id="shuliang">件单品，共计<input type="text" id="totalprice">元</p>
    </div>
</body>
</html>